<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : rt_200_01E.jsp
    Description : 4대 무브 서브 메인 (영문)
    author Ki Min
    since 2012. 8. 13.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 13.     Ki Min     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/co/us/include/declare.jspf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>4 Move Campaigns &#124; HMC CSR</title>
<meta name="description" content="This page introduces the CSR philosophy of HMC, and the company’s Four Move Campaigns based on it." />
<meta name="keywords" content="HMC CSR, Easy Move, Green Move, Safe Move, Happy Move, Core CSR Program" />
<%@ include file="/WEB-INF/jsp/co/us/include/header.jspf" %>
<link rel="stylesheet" type="text/css" href="/css/usr/eng.css" media="screen" />
<script type="text/javascript">
    $(function(){
        $("#fourMoveImg area").mouseover(function(){
            var i = $(this).index();
            $(".moveOverImg li").fadeOut();
            $(".moveOverImg li").eq(i).fadeIn('fast');
        });
        $(".moveOverImg li").mouseleave(function(){
            $(this).fadeOut('fast');
        });
    });
</script>
</head>
<body>
<div id="wrap">
    <!-- top -->
    <%@ include file="/WEB-INF/jsp/co/us/include/topE.jsp" %>
    <!-- top -->
    <!-- container -->
    <div id="container">
        <div id="contentsWrap">
            <div id="contentsArea">
                <div class="headingArea">
                    <h2>4 MOVE CAMPAIGNS</h2>
                    <ul class="menuTab">
                        <li><h3><a href="/rt_200_02.do">Easy Move</a></h3></li><!-- current menu : add class "atv" -->
                        <li><h3><a href="/rt_200_03.do">Safe Move</a></h3></li>
                        <li><h3><a href="/rt_200_04.do">Green Move</a></h3></li>
                        <li><h3><a href="/rt_200_05.do">Happy Move</a></h3></li>
                    </ul>
                </div>
                <div id="contetns" class="movementIntro">
                    <div class="location">
                        <a href="/ma_100_01.do">Home</a>
                        <a href="/rt_200_01.do">Social Responsibility</a>
                        <span>4 Move Campaigns</span>
                    </div>

                    <h4>
                        <img src="/img/usr/eng/srt/moveIntro_txt.png" alt="Hyundai Motor Company mainly organizes its CSR activities into the four central themes of its campaigns “Easy Move,” “Safe Move,” “Green Move,” and “Happy Move” that capture and reflect the company’s business philosophy in the contributions it makes to the society at large." />
                    </h4>
                    <div class="fourMove">
                        <p>
                            <img src="/img/usr/srt/moveIntro_fourMove.jpg" alt="4 Move Campaigns" usemap="#fourMoveImg" />
                            <map id="fourMoveImg" name="fourMoveImg">
                                <area shape="rect" coords="116,0,297,298" href="/rt_200_02.do" alt="Easy Move" />
                                <area shape="rect" coords="297,0,479,298" href="/rt_200_03.do" alt="Safe Move" />
                                <area shape="rect" coords="479,0,661,298" href="/rt_200_04.do" alt="Green Move" />
                                <area shape="rect" coords="661,0,861,298" href="/rt_200_05.do" alt="Happy Move" />
                            </map>
                        </p>
                        <ul class="moveOverImg">
                            <li class="overEasy"><a href="/rt_200_02.do"><img src="/img/usr/srt/moveIntro_fourMove1.jpg" alt="Easy Move" /></a></li>
                            <li class="overSafe"><a href="/rt_200_03.do"><img src="/img/usr/srt/moveIntro_fourMove2.jpg" alt="Safe Move" /></a></li>
                            <li class="overGreen"><a href="/rt_200_04.do"><img src="/img/usr/srt/moveIntro_fourMove3.jpg" alt="Green Move" /></a></li>
                            <li class="overHappy"><a href="/rt_200_05.do"><img src="/img/usr/srt/moveIntro_fourMove4.jpg" alt="Happy Move" /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->
    <%@ include file="/WEB-INF/jsp/co/us/include/bottomE.jsp" %>
    <!-- /footer -->
</div>
</body>
</html>